<template>
    <div style="background-color: red;">
        <SpeakerLayout msg="Mediasoup Demo" />
    </div>
    <div>
        <Show3D msg="Show3D" />
    </div>

</template>

<script>
    import SpeakerLayout from "../components/SpeakerLayout.vue";
    import Show3D from "../components/Show3D.vue";

    export default {
        name: "Index",
        components: {
            SpeakerLayout,
            Show3D,
        },
    };
</script>

<style>
    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        margin-top: 60px;
    }
</style>

